/*首页样式*/
.page{
	width: 7.2rem;
	height: 100%;
	position: absolute; 
	left: 0; 
	top: 0; 
	display: none;
}
.page1{
	background: #fff;
}

/*开始采购样式*/
.page0{
	height: 100%;
	position: absolute; 
	left: 0; 
	top: 0; 
	display: none;
}
.page2{
	background: #fff;
}
.page2 header{
	width: 7.2rem;
	height: 0.96rem;
	background: #89bafd;
	position: absolute;
	left: 0;
	top:0;
	z-index: 1;
}
.phone{
	float:left;
	background:#89bafd;
	padding:0.27rem 0.27rem 0.26rem;
}
.search{
	float: left;
	width: 7.2rem;
	height: 0.96rem;
	background: #89bafd;
	position: fixed;
	left:0;
	top:0;
}
.search input{
	width: 6.5rem;
	height: 0.66rem;
	border-radius: 1rem;
	position: absolute;
	left: 50%;
	top:50%;
	margin-left: -3.25rem;
	margin-top: -0.33rem;
	text-indent: 0.5rem;
	font: 0.27rem "微软雅黑";
	color: #9f9f9f;
	
}
.search img{
	width: 0.32rem;
	height: 0.32rem;
	position: absolute;
	right: 0.8rem;
	top:0.34rem;
}
.phone img{
	width: 0.42rem;
	height: 0.42rem;
}
.topNav{
	width: 100%;
	height: 1rem;
	background: #fff;
	border-bottom:1px solid #d6d6d6 ;
	position: fixed;
	left: 0;
	top: 0.96rem;
	z-index: 1;
	overflow-x:auto ;
	overflow-y: hidden;
	white-space:nowrap;
}

.select{
	color: #89bafd;
	border-bottom: 0.04rem solid #89bafd;
}
.navList li{
	display:inline-block;
	padding-left:0.2rem;
	padding-right: 0.2rem;
	font: 0.27rem/0.96rem "微软雅黑";
}
.leftNav{
	width: 1.6rem;
	float: left;
	padding-top: 0.9rem;
	overflow: hidden;
	position: fixed;
	left:0 ;
	top:1rem;
	background: #ececec;
}
.leftList li{
	width: 1.6rem;
	height: 1rem;
	font: 0.27rem/1rem "微软雅黑";
	text-align: center;
	border-bottom: 1px solid #d6d6d6;
}
.select2{
	background: #fff;
	color: #89bafe;
	border-left: 0.04rem solid #89bafd;
}
.Swrap{
	background: #fff;
	width: 7.2rem;
}
.proList{
	float: right;
	width: 5.6rem;
	padding-top: 1rem;
	padding-bottom: 2rem;
}
.proList li{
	border-bottom: 1px solid #ccc;
}
.leftPro{
	float: left;
	padding: 0.18rem;
}
.rightPro{
	float: left;
	width: 3.3rem;
	position: relative;
}
.proId{
	font: 0.3rem/0.5rem "微软雅黑";
	padding-top: 0.19rem;
}
.proImg{
	width: 1.72rem;
	height: 2.1rem;
}
.method,.location,.eveyPrice,.Tprice{
	display: block;
	font: 0.24rem/0.4rem "微软雅黑" ;
	color: #9f9f9f;
}
.eveyPrice,.Tprice{
	font-weight: bold;
	color: #333;
}
.eveyPrice span{
	display: block;
	float: right;
	background: #89bafe;
	border-radius: 3px;
	color: #fff;
	font: 0.2rem/0.32rem "微软雅黑";
	padding:0 0.15rem 0 0.15rem;
}
.online{
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background: orangered;
    border-radius: 50%;
    position: absolute;
    right: 0.2rem;
    bottom: 0.2rem;
    color: #fff;
    font: 0.28rem/0.4rem "微软雅黑";
    text-align: center;
}

/*购物车样式*/
.page3{
	background: #fff;
}
.page3 header{
	width: 7.2rem;
	height: 0.96rem;
	border-bottom: 1px solid #d6d6d6;
	background: #fff;
	position: fixed;
	left: 0;
	top:0;
}
.backCar{
	float: left;
	width: 0.82rem;
	height: 0.96rem;
	position: absolute;
	left: 0;
	top:0;
}
.page3 header h3{
	height: 0.96rem;
	background: #fff;
	text-align: center;
	font:0.36rem/0.96rem "微软雅黑";
	
}
.dele{
	float: right;
	width: 0.3rem;
	height:0.32rem;
	position: absolute;
	right:0.2rem;
	top:0.34rem;
}

.carPro li{
	border-bottom: 1px solid #d6d6d6;
}
.carPro{
	padding-bottom:3rem;
}
.choIcon{
	display: block;
	width: 0.4rem;
	height: 0.4rem;
	float: left;
	margin: 0.78rem 0.2rem 0 0.2rem;
}
.carImg{
	float: left;
	padding:0.2rem 0.2rem 0 0;
}
.carImg img{
	width: 1.7rem;
	height: 1.4rem;
}

.rightMes h3{
	width: 4.44rem;
	float: left;
	background: #fff;
	font: 0.32rem/0.6rem "微软雅黑";
	padding-top: 0.2rem;
}
.proPrice{
	float: left;
	font: 0.3rem/0.6rem "微软雅黑";
	color: #9f9f9f;
	background: #fff;
}
.proPrice strong{
	font-weight: normal;
}
.num{
	float: right;
	width: 1.78rem;
	height: 0.48rem;
	border:1px solid #dddddd;
	margin-right: 0.2rem;
	margin-top: 0.05rem;
}
.num img{
	width: 0.49rem;
	height: 0.48rem;
}
.num img:first-child{
	float:left;
}
.num img:last-child{
	float: right;
}
.num span{
	float: left;
	display: block;
	width: 0.8rem;
	height: 0.48rem;
	text-align: center;
	font:0.30rem/0.48rem arial
}
.tol{
	float: right;
	padding:0.24rem 0.2rem 0.15rem 0;
	font: 0.24rem/0.4rem "微软雅黑";
}
.tol span{
	color: #e4393c;
}
.Bcar{
	width: 7.2rem;
	height: 0.96rem;
	border-top:1px solid #d6d6d6;
	background: #fff;
	position: fixed;
	left: 0;
	bottom: 0;
	margin-bottom: 0.97rem;
}
.allCho{
	line-height: 0.96rem;
	float: left;
	background: #fff;
}
#allC{
	display: block;
	float: left;
	width: 0.27rem;
	height: 0.27rem;
	margin:0.35rem 0.2rem 0 0.2rem;
}
.totle{
	background: #e4393c;
	float: right;
	color: #fff;
	height: 0.96rem;
	line-height: 0.96rem;
	padding-left:0.3rem;
	padding-right:0.3rem;
	border-left: 1px solid #d6d6d6;
}
.carMid{
	float: right;
}
.tot{
	font:bold 0.3rem/0.6rem "微软雅黑";
	margin-right: 0.2rem;
}
.toP{
	color: #e4393c;
}
.fre{
	float: right;
	font: 0.22rem "微软雅黑";
	margin-right: 0.2rem;
}
/*个人样式*/
.page4{
	background: #fff;
}
.peoTop{
	width: 7.2rem;
	height: 3.72rem;
	background: #89bafd;
}

.set{
	display: block;
	float: right;
	padding:0.28rem 0.3rem 0.28rem 0.3rem;
}
.set img{
	width: 0.46rem;
	height: 0.46rem;
}
.user{
	width:7.2rem;
	padding-top:0.87rem;
}
.user img{
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0 2.8rem;
	border-radius:50%;
}
.userName{
	width: 7.2rem;
	font: 0.34rem/1.14rem "微软雅黑";
	color: #fff;
	letter-spacing: 0.03rem;
	text-align: center;
	
}
.meList{
	width:7.2rem;
	background: #fff;
	
}
.meList li{
	width: 7.2rem;
	border-bottom: 1px solid #d6d6d6;
}
.meList li h3{
	font: 0.3rem/0.96rem "微软雅黑";
	float: left;
}
.meIcon{
	width: 0.88rem;
	height: 0.96rem;
	float: left;
}
.more{
	width: 0.14rem;
	height: 0.24rem;
	float: right;
	padding:0.35rem 0.2rem 0 0;
}
.meList li span{
	float: left;
	display: block;
	width: 3.59rem;
	font:0.3rem/0.96rem "微软雅黑";
	text-align: center;
}
.meList li span:first-child{
	border-right: 1px solid #f4f4f4;
}
.meList li p{
	float: left;
	display: block;
	width: 3.59rem;
	text-align: center;
}
.meList li strong{
	display: block;
	width: 3.59rem;
	font:0.3rem/0.76rem "微软雅黑";
}
.meList li p img{
	margin-top: 0.35rem;
}
.meList li p img:first-child{
	width: 0.52rem;
	height: 0.39rem;
}
.meList li p img:last-child{
	width: 0.55rem;
	height: 0.39rem;
}
.fen{
	width: 7.2rem;
	height: 0.15rem;
	background: #f4f4f4;
}
.problem_order{
	position: absolute;
	left: 0;
	top: 0;
}
.mose{
	display: block;
	width: 7.2rem;
	height: 12.8rem;
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0.4;
}
.pro_order{
	width: 5rem;
	height: 4.67rem;
	background: #fff;
	position: absolute;
	left: 1.1rem;
	top:1.88rem;
	border-radius: 0.1rem;
	z-index:102;
}
.problem_icon{
	display: block;
	width: 0.8rem;
	height: 0.8rem;
	margin: 0 auto;
	margin-top: -0.4rem;
}
.pro_order textarea{
	display: block;
	width: 4.06rem;
	height: 2.96rem;
	margin: 0.2rem auto 0.2rem;
	background: #f4f4f4;
	resize:none;
	font: 0.28rem/0.48rem "微软雅黑";
}
.pro_order textarea::-webkit-input-placeholder{
	color: #cccccc;
}
.close_icon{
	position: absolute;
	top: 0;
	right: 0;
	width: 0.32rem;
	height: 0.32rem;
	margin-right: 0.15rem;
	margin-top: 0.15rem;
}
.pro_order button{
	display: block;
	width: 1.57rem;
	height: 0.64rem;
	background: #89BAFE;
	color: #fff;
	font: 0.28rem "微软雅黑";
	margin: 0 auto;
	border-radius: 0.1rem;
	outline: none;
}
.mask{
	width: 7.2rem;
	height: 12.8rem;
	background: #000;
	opacity: 0.4;
	position: absolute;
	left: 0;
	top: 0;
}
.shopNumber{
	width: 4.7rem;
	height: 3.8rem;
	background: #fff;
	border-radius: 0.1rem;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -2.35rem;
	margin-top: -3rem;
}
.shopIcon{
	width: 0.8rem;
	height: 0.8rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -2.3rem;
	margin-left: -0.4rem;
}
.eveyNumber{
	background: #fff;
	position: absolute;
	left: 0.4rem;
	top: 1rem;
}
.number{
	width: 2.3rem;
	height: 0.6rem;
	border: 1px solid #9F9F9F;
	border-radius: 0.1rem;
	text-indent: 0.2rem;
}
.number::-webkit-input-placeholder{
	color: #ccc;
}
.shopNumber button{
	display: block;
	width: 1.8rem;
	height: 0.7rem;
	background: #89bafe;
	margin: 2.4rem auto 0;
	font: 0.3rem "微软雅黑";
	color: #fff;
	border-radius: 0.1rem;
	outline: none;
}
.guan{
	width: 0.4rem;
	height: 0.4rem;
	position: absolute;
	right:0.1rem;
	top: 0.1rem;
}
.putCode{
	font:0.24rem/0.6rem "微软雅黑";
	float:left;
	margin-right:0.2rem;
}
footer{
	position: fixed;
	left: 0;
	bottom: 0;
}
.botNav{
	width: 7.2rem;
	height: 0.96rem;
	background: #fff;
	border-top: 1px solid #d6d6d6;
}
.botNav li{
	float: left;
	width: 25%;
}
.botNav li span{
	display: block;
	color: #9f9f9f;
	text-align: center;
	font-size: 0.5rem;
	line-height: 0.6rem;
}
.botNav li p{
	font: 0.22rem "微软雅黑";
	color: #9f9f9f;
	text-align: center;
}
#loading{
	background:#fff;
}
#loading p{
	color:#333;
	font:0.28rem "微软雅黑";
}
#loadingImg{
	position: absolute;
    left: 34%;
    top: 0;
    
}
.moskImg{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:#000;
	opacity:.6;
	z-index:2000;
}
.moskImg1{
    width:7.2rem;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background:#000;
    opacity:.6;
    z-index:2000;
}
/* .moskImg{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:#000;
	opacity:.6;
	z-index:2000;
} */
.selecImg{
	position:absolute;
	bottom:-2.92rem;
	left:0;
	z-index:2001;
	background: #fff;
	width:7.2rem;
}
.selecImg p{
	padding:0.25rem;
	border-bottom:1px solid #ccc; 
}
.selecImg p input{
	width:6.95rem;
	position:absolute;
	left:0.25rem;
	opacity:0;
}
.selecImg button{
	display:block;
	width:7.2rem;
	margin:0 auto;
	height:0.96rem;
	background: #1676d9;
	color:#fff;
	font:0.36rem "微软雅黑";
	
}
@-webkit-keyframes move{
	0%{
		bottom:-2.92rem;
	}
	100%{
		bottom:0rem;
	}
}

@-webkit-keyframes move1{
	0%{
		bottom:0rem;
	}
	100%{
		bottom:-2.92rem;
	}
}



